<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=sG88RoxeSfq7OF1ikZ5Xf5KyRftWm8Tq"></script>
<title>地图展示</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
var map = new BMap.Map("allmap"); // 创建Map实例

var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point , 18); // 初始化地图,设置中心点坐标和地图级别
//map.addOverlay(new BMap.Marker(point));         // 给该坐标加一个红点标记

map.addControl(new BMap.NavigationControl());   // 添加平移缩放控件
map.addControl(new BMap.ScaleControl());        // 添加比例尺控件
map.addControl(new BMap.OverviewMapControl());  //添加缩略地图控件
map.addControl(new BMap.MapTypeControl()); //添加地图类型控件

map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放

//标注起点图标
var myBeginIcon = new BMap.Icon("http://e.hiphotos.baidu.com/image/pic/item/7e3e6709c93d70cfaf72bca2f0dcd100bba12b90.jpg", 
new BMap.Size(25,37), {imageOffset: new BMap.Size(0, 0)});

//绘制地图轨迹函数
function drawGreenLine(x0, y0, x1, y1){
    var polyline = new BMap.Polyline([
	new BMap.Point(x0,y0),	//起点
    new BMap.Point(x1, y1)
    ],	//终点
    {strokeColor:"green",	//颜色
	 strokeweight:4,		//宽度
	 strokeOpacity:1});		//透明度
    map.addOverlay(polyline);
}
    //drawGreenLine(113.65191683333333, 22.83694933333333, 113.6519, 22.8369);
function setLocation(x, y) {//参数：经纬度
    map.setCurrentCity("东莞");
    var point = new BMap.Point(x, y);   
    map.centerAndZoom(point, 18);     		//设置地图中心             
    map.addOverlay(new BMap.Marker(point));      	//标定红点  
}

function setCity(x){
    map.setCurrentCity(x);			//标定城市
}

</script>